﻿<phone:PhoneApplicationPage 
	 x:Class="LatestChatty.Pages.SingleMessagePage"
	 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	 xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	 xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	 xmlns:chatty="clr-namespace:LatestChatty.Controls"
	 FontFamily="{StaticResource PhoneFontFamilyNormal}"
	 FontSize="{StaticResource PhoneFontSizeNormal}"
	 Foreground="#FFFFFF"
	 SupportedOrientations="Portrait" Orientation="Portrait"
	 mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480"
	Style="{StaticResource TransitionPage}">

	 <!--LayoutRoot is the root grid where all page content is placed-->
	 <Grid x:Name="LayoutRoot" Background="Transparent">
		  <Grid.RowDefinitions>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
		  </Grid.RowDefinitions>

		  <Canvas>
				<Image Source="/Images/DefaultBackground.png" Stretch="None"/>
		  </Canvas>

		  <!--TitlePanel contains the name of the application and page title-->
		  <Grid Margin="0,0,0,10">
				<Grid.RowDefinitions>
					 <RowDefinition Height="Auto"/>
					 <RowDefinition Height="Auto"/>
				</Grid.RowDefinitions>
				<Grid Margin="0,0,0,0">
					 <TextBlock HorizontalAlignment="Left" Text="{Binding from}" FontSize="20" Foreground="#ffba00"/>
					 <TextBlock HorizontalAlignment="Right" Text="{Binding dateText}" FontSize="20" Foreground="#888888"/>
				</Grid>
				<TextBlock Grid.Row="1" Text="{Binding subject}" TextWrapping="NoWrap" Style="{StaticResource PhoneTextNormalStyle}" Foreground="#FFFFFF"/>
		  </Grid>

		  <Border Background="#222222" Grid.Row="2" Margin="0,0,0,10">
			<phone:WebBrowser Opacity="0" Margin="10,5,10,5" x:Name="MessageViewer" Height="480" Background="Black" IsScriptEnabled="True"/>
		  </Border>

		  <chatty:MessageListControl Grid.Row="3" x:Name="Messages" Height="235"/>
	 </Grid>
 
	 <!--Sample code showing usage of ApplicationBar-->
	 <!--
	 <phone:PhoneApplicationPage.ApplicationBar>
		  <shell:ApplicationBar IsVisible="True" IsMenuEnabled="False">
				<shell:ApplicationBarIconButton IconUri="/Images/PostIcon.png" Text="New Post" Click="MessageClick"/>
		  </shell:ApplicationBar>
	 </phone:PhoneApplicationPage.ApplicationBar>
	 -->

</phone:PhoneApplicationPage>
